<template>
  <div class="error_paging">
    <logo-vue class="logo"></logo-vue>
    <span class="font">404</span>
  </div>
</template>

<script>
import logoVue from "../header/logo.vue"
export default {
  name: '404',

  data() {
    return {
      
    };
  },

  components: {
    logoVue
  }
};
</script>

<style scoped>
.error_paging{
  width: 100vw;
  height: 100vh;
  background-image: url('../../assets/image/gif/404BG.gif');
  background-size: cover;
}
.logo{
  position: absolute;
  top: 30%;
  right: 30%;
  transform: scale(2);
}
.font{
  display: none;
  font-size: 7rem;
  color:white;
  position: absolute;
  top: 20px;
  right: 30%;
}
@media screen and (max-width: 800px) {
  .font{
    display: block;
  }
}
</style>